<script setup lang="ts">
const {waterForm, listB} = defineProps<{
  waterForm: Object;  // 定义采样时间的类型
  listB: Object;
}>();

const calculateXdbfpc = () => {
  // 遍历 `pxycd` 数组，每 2 个一组进行计算
  for (let i = 0; i < waterForm.pxycd.length; i += 2) {
    const itemA = waterForm.pxycd[i];      // 偶数索引
    const itemB = waterForm.pxycd[i + 1];  // 下一行（奇数索引）

    if (!itemA || !itemB) continue; // 避免数组越界

    const bodA = parseFloat(itemA.px_cdnd);
    const bodB = parseFloat(itemB.px_cdnd);

    if (!isNaN(bodA) && !isNaN(bodB)) {
      itemA.px_pjz = ((bodA + bodB) / 2).toFixed(3); // 保留 3 位小数
    } else {
      itemA.px_pjz = "";
    }
  }
};
const handleSampleChange = (item, value) => {
  // 根据选中的 sampleNumber 查找对应的 ys1 或 ys2
  const selectedSample = listB.pxyList.find(option => option.sampleNumber === item.px_ypbh);
  console.log(selectedSample)

  if (selectedSample) {
    // 查找选中的 ys1 或 ys2 的 cdjg
    const selectedYs = [selectedSample.ys1, selectedSample.ys2].find(ys => ys.name === item.px_ys);
    // 根据选中的 name 查找对应的 ys1 或 ys2
    console.log(selectedYs)

    if (selectedYs) {
      item.px_cdnd = selectedYs.cdjg; // 回显 cdjg
    } else {
      item.px_cdnd = null; // 如果未找到匹配的 name，置为 null
    }
  }
}
const handleYsChange = (index, value) => {
  waterForm.pxycd[index + 1].px_ys = value
}


// 曲线
const handleQxChange = (item) => {
  // 根据选中的样品编号，找到对应的 finalResult
  const selectedOption = listB.qxyList.find(
      option => option.sampleNumber === item.qx_ypbh
  );
}

// 标准

const handleBzChange = (item) => {
  // 根据选中的 sampleNumber 查找对应的 ys1 或 ys2
  const selectedSample = listB.bzyList.find(option => option.extractedSampleNumber === item.bz_bzph);

  if (selectedSample) {
    // 查找选中的 ys1 或 ys2 的 cdjg
    const selectedYs = [selectedSample.ys1, selectedSample.ys2].find(ys => ys.name === item.bz_ys);
    // 根据选中的 name 查找对应的 ys1 或 ys2

    if (selectedYs) {
      item.bz_cdnd = selectedYs.cdjg; // 回显 cdjg
    } else {
      item.bz_cdnd = null; // 如果未找到匹配的 name，置为 null
    }
  }
}

// 加标
const handleJzyChange = (item) => {
  // 根据选中的样品编号，找到对应的 finalResult
  const selectedOption = listB.jbyList.find(
      option => option.sampleNumber === item.jb_ypbh
  );
}

</script>

<template>
  <el-card class="box-card">
    <h1 style="text-align: center">土壤和沉积物 原子吸收分光光度法分析原始记录（B面）</h1>
    <div>SXLPHJ/JL/CX-22-95</div>
    <table class="table" style="margin-bottom: 0">
      <tr>
        <td colspan="11">
          <div style="display: flex;align-items: center;justify-content: space-between">
            <div></div>
            <p style="font-size: 18px">标准溶液/曲线配制</p>
            <div style="display: flex;align-items: center">
              <span style="width: 70px;">绘制日期：</span>
              <el-input style="width: 50%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.hzrq"/>
            </div>
          </div>
        </td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td>元素</td>
        <td>标准贮备液批号</td>
        <td>
          <div>
            标准贮备液浓度(
            <el-input style="width: 80%;" placeholder="请输入" v-model="waterForm.unit.bzry_bzzbynd"></el-input>
            )
          </div>
        </td>
        <td>贮备液有效日期</td>
        <td>移取贮备液体积(mL)</td>
        <td>定容体积(mL)</td>
        <td>
          <div>
            中间液浓度(
            <el-input style="width: 80%;" placeholder="请输入" v-model="waterForm.unit.bzry_zjynd"></el-input>
            )
          </div>
        </td>
        <td>移取中间液体积(mL)</td>
        <td>定容体积(mL)</td>
        <td>
          <div>
            使用液浓度(
            <el-input style="width: 80%;" placeholder="请输入" v-model="waterForm.unit.bzry_syynd"></el-input>
            )
          </div>
        </td>
        <td>备注</td>
      </tr>
      <tr v-for="(item, index) in waterForm.bdatas.bzry" :key="index">
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.ys"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.bzzbyph"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.bzzbynd"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.zbyyxrq"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.yqzbytj"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.drtj"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.zjynd"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.yqzjytj"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.bzdrtj"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.syynd"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.notes"/>
        </td>
      </tr>
    </table>
    <table class="table">
      <tr>
        <td colspan="4">元素</td>
        <td colspan="7" style="width:8%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.ys1"/>
        </td>
        <td colspan="10" style="width:8%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.ys2"/>
        </td>
      </tr>
      <tr>
        <td colspan="4">编号</td>
        <td style="width:6%">空白</td>
        <td style="width:6%">1</td>
        <td style="width:6%">2</td>
        <td style="width:6%">3</td>
        <td style="width:6%">4</td>
        <td style="width:6%">5</td>
        <td style="width:6%">6</td>
        <td style="width:6%">空白</td>
        <td style="width:6%">1</td>
        <td style="width:6%">2</td>
        <td style="width:6%">3</td>
        <td style="width:6%">4</td>
        <td style="width:6%">5</td>
        <td colspan="2" style="width:8%">6</td>
      </tr>
      <tr>
        <td colspan="4">标准使用液加入量(mL)</td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_one"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_tow"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_three"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_four"/>
        </td>
        <td style="width:3%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_five"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_six"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_seven"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_eight"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_nine"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_ten"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_eleven"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_twelve"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_thirteen"/>
        </td>
        <td colspan="2" style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.bzsyyjrl.bzsyyjrl_fourteen"/>
        </td>
      </tr>
      <tr>
        <td colspan="4">
          <div>
            使用液浓度p(
            <el-input style="width: 20%;" placeholder="请输入" v-model="waterForm.unit.bzry_syyndp"></el-input>
            )
          </div>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_one"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_tow"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_three"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_four"/>
        </td>
        <td style="width:3%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_five"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_six"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_seven"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_eight"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_nine"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_ten"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_eleven"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_twelve"/>
        </td>
        <td style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_thirteen"/>
        </td>
        <td colspan="2" style="width:6%">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bdatas.syynd.syynd_fourteen"/>
        </td>
      </tr>
      <tr>
        <td colspan="4">曲线信息</td>
        <td colspan="7">
          <div style="display: flex;align-items: center">
            <div style="display: flex;align-items: center;">
              y=
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.y1"/>
            </div>
            <div style="display: flex;align-items: center;">
              r=
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.r1"/>
            </div>
            <div style="display: flex;align-items: center;">
              a=
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.a1"/>
            </div>
            <div style="display: flex;align-items: center;">
              b=
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.b1"/>
            </div>
          </div>
        </td>
        <td colspan="10">
          <div style="display: flex;align-items: center">
            <div style="display: flex;align-items: center;">
              y=
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.y2"/>
            </div>
            <div style="display: flex;align-items: center;">
              r=
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.r2"/>
            </div>
            <div style="display: flex;align-items: center;">
              a=
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.a2"/>
            </div>
            <div style="display: flex;align-items: center;">
              b=
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="waterForm.bdatas.b2"/>
            </div>
          </div>
        </td>
      </tr>
    </table>
    <div style="display: flex;">
      <!--      平行样测定-->
      <table class="table" style="margin-bottom: 0">
        <tr>
          <td colspan="7" style="font-weight:bold;text-align:center">平行样测定</td>
        </tr>
        <tr style="background-color: #f2f2f2">
          <td>元素</td>
          <td>样品编号</td>
          <td>
            <div>
              测定浓度(
              <el-input style="width: 80%;" placeholder="请输入" v-model="waterForm.unit.px_cdnd"></el-input>
              )
            </div>
          </td>
          <td>
            <div>
              平均值(
              <el-input style="width: 80%;" placeholder="请输入" v-model="waterForm.unit.px_pjz"></el-input>
              )
            </div>
          </td>
          <td>
            <el-radio-group v-model="waterForm.unit.px_dx">
              <el-radio value="1">
                <div style="text-align: left">
                  相对偏差(
                  <el-input style="width: 80%;" placeholder="请输入" v-model="waterForm.unit.px_xdpc"></el-input>
                  )
                </div>
              </el-radio>
              <el-radio value="2">
                <div style="text-align: left">
                  差 值(
                  <el-input style="width: 80%;" placeholder="请输入" v-model="waterForm.unit.px_cz"></el-input>
                  )
                </div>
              </el-radio>
            </el-radio-group>
          </td>
          <td>
            <div>
              质控要求(
              <el-input style="width: 80%;" placeholder="请输入" v-model="waterForm.unit.px_zkyq"></el-input>
              )
            </div>
          </td>
          <td>是否合格</td>
        </tr>
        <tr v-for="(item, index) in waterForm.pxycd" :key="index">
          <td v-if="index % 2 === 0" rowspan="2" style="width: 100px;">
            <el-select v-model="item.px_ys" placeholder="请选择" style="width: 100%; border: 1px solid transparent"
                       filterable
                       allow-create
                       default-first-option
                       @change="handleYsChange(index,item.px_ys)"
            >
              <el-option
                  v-for="(option, index) in listB.pxyList"
                  :key="index"
                  :label="option.ys1.name"
                  :value="option.ys1.name">
              </el-option>
              <el-option
                  v-for="(option, index) in listB.pxyList"
                  :key="index"
                  :label="option.ys2.name"
                  :value="option.ys2.name">
              </el-option>
            </el-select>
          </td>
          <td style="width: 200px;">
            <el-select v-model="item.px_ypbh" placeholder="请选择" style="width: 100%; border: 1px solid transparent"
                       filterable
                       allow-create
                       default-first-option
                       @change="handleSampleChange(item)"
            >
              <el-option
                  v-for="(option, index) in listB.pxyList"
                  :key="index"
                  :label="option.sampleNumber"
                  :value="option.sampleNumber">
              </el-option>
            </el-select>
          </td>
          <td>
            <el-input
                style="width: 100%;border: 1px solid transparent"
                @blur="calculateXdbfpc"
                placeholder="请输入"
                v-model="item.px_cdnd"
            />
          </td>
          <td v-if="index % 2 === 0" rowspan="2">
            <el-input
                style="width: 100%;border: 1px solid transparent"
                placeholder="请输入"
                v-model="item.px_pjz"
            />
          </td>
          <td v-if="index % 2 === 0" rowspan="2">
            <el-input
                style="width: 100%;border: 1px solid transparent"
                placeholder="请输入"
                v-model="item.px_xdwc"
            />
          </td>
          <td v-if="index % 2 === 0" rowspan="2">
            <el-input
                style="width: 100%;border: 1px solid transparent"
                placeholder="请输入"
                v-model="item.px_zkbz"
            />
          </td>
          <td v-if="index % 2 === 0" rowspan="2">
            <el-input
                style="width: 100%;border: 1px solid transparent"
                placeholder="请输入"
                v-model="item.px_sfhg"
            />
          </td>
        </tr>
      </table>
      <div style="display: flex;flex-direction: column;">
        <!--      曲线校准点测定-->
        <table class="table" style="margin-bottom: 0">
          <tr>
            <td colspan="4">曲线校准点测定</td>
          </tr>
          <tr>
            <td>样品编号</td>
            <td>相对误差(%)</td>
            <td>质控要求(%)</td>
            <td>是否合格</td>
          </tr>
          <tr v-for="(item,index) in waterForm.bdatas.qxjhdcd" :key="index">
            <td style="width: 200px;">
              <el-select v-model="item.qx_ypbh" placeholder="请选择" style="width: 100%; border: 1px solid transparent"
                         filterable
                         allow-create
                         default-first-option
                         @change="handleQxChange(item)"
              >
                <el-option
                    v-for="(option, index) in listB.qxyList"
                    :key="index"
                    :label="option.sampleNumber"
                    :value="option.sampleNumber">
                </el-option>
              </el-select>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.qx_xdwc"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.qx_zkyq"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.qx_sfhg"/>
            </td>
          </tr>
        </table>
        <!--        标准样品测定-->
        <table class="table" style="margin-bottom: 0;height: 100%">
          <tr>
            <td colspan="5">标准样品测定</td>
          </tr>
          <tr>
            <td>元素</td>
            <td>标样批号</td>
            <td>
              <div>
                测定浓度(
                <el-input style="width: 80%;" placeholder="请输入" v-model="waterForm.unit.bz_cdnd"></el-input>
                )
              </div>
            </td>
            <td>
              <div>
                标准值(
                <el-input style="width: 80%;" placeholder="请输入" v-model="waterForm.unit.bz_bzz"></el-input>
                )
              </div>
            </td>
            <td>是否合格</td>
          </tr>
          <tr v-for="(item,index) in waterForm.bzycd" :key="index">
            <td style="width: 100px;">
              <el-select v-model="item.bz_ys" placeholder="请选择" style="width: 100%; border: 1px solid transparent"
                         filterable
                         allow-create
                         default-first-option
              >
                <el-option
                    v-for="(option, index) in listB.bzyList"
                    :key="index"
                    :label="option.ys1.name"
                    :value="option.ys1.name">
                </el-option>
                <el-option
                    v-for="(option, index) in listB.bzyList"
                    :key="index"
                    :label="option.ys2.name"
                    :value="option.ys2.name">
                </el-option>
              </el-select>
            </td>
            <td style="width: 200px;">
              <el-select v-model="item.bz_bzph" placeholder="请选择" style="width: 100%; border: 1px solid transparent"
                         filterable
                         allow-create
                         default-first-option
                         @change="handleBzChange(item)"
              >
                <el-option
                    v-for="(option, index) in listB.bzyList"
                    :key="index"
                    :label="option.extractedSampleNumber"
                    :value="option.extractedSampleNumber">
                </el-option>
              </el-select>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.bz_cdnd"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.bz_bzz"/>
            </td>
            <td>
              <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                        v-model="item.bz_sfhg"/>
            </td>
          </tr>
        </table>
      </div>

    </div>
    <table class="table">
      <tr>
        <td colspan="9" style="text-align:center;font-weight:bold">加标回收率测定</td>
      </tr>
      <tr style="background-color: #f2f2f2">
        <td>样品编号</td>
        <td>
          <div>
            加标后样品浓度/含量(
            <el-input style="width: 20%;" placeholder="请输入" v-model="waterForm.unit.jb_ypnd"></el-input>
            )
          </div>
        </td>
        <td>
          <div>
            标液浓度(
            <el-input style="width: 20%;" placeholder="请输入" v-model="waterForm.unit.jb_bynd"></el-input>
            )
          </div>
        </td>
        <td>
          <div>
            加标量(
            <el-input style="width: 20%;" placeholder="请输入" v-model="waterForm.unit.jb_jbl"></el-input>
            )
          </div>
        </td>
        <td>
          <div>
            原样品含量/浓度(
            <el-input style="width: 20%;" placeholder="请输入" v-model="waterForm.unit.jb_yyphl"></el-input>
            )
          </div>
        </td>
        <td>加标回收率(%)</td>
        <td>质控要求(%)</td>
        <td>是否合格</td>
      </tr>
      <tr v-for="(item,index) in waterForm.jbycd" :key="index">
        <td>
          <el-select v-model="item.jb_ypbh" placeholder="请选择"
                     filterable
                     allow-create
                     default-first-option
                     style="width: 100%; border: 1px solid transparent"
                     @change="handleJzyChange(item)">
            <el-option
                v-for="(option, index) in listB.jbyList"
                :key="index"
                :label="option.sampleNumber"
                :value="option.sampleNumber">
            </el-option>
          </el-select>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_jbhypnd"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_bynd"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_jbl"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_yyphl"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_jbhsl"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_zkyq"/>
        </td>
        <td>
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="item.jb_sfhg"/>
        </td>
      </tr>

      <tr>
        <td style="width:6%">备注</td>
        <td colspan="8">
          <el-input style="width: 100%;border: 1px solid transparent" placeholder="请输入"
                    v-model="waterForm.bnotes"/>
        </td>
      </tr>
    </table>
  </el-card>
</template>

<style scoped lang="scss">
.card {
  padding: 20px 25px;
}

.table {
  width: 100%;
  border-collapse: collapse;
  /* 表格边框合并 */
  text-align: left;
  /* 默认左对齐 */
  font-size: 14px;
  /* 字体大小 */
  color: #606266;
  /* 默认字体颜色 */
  margin-bottom: 20px;
}

.table th,
.table td {
  border: 1px solid #c2bfbf;
  /* 表格单元格边框颜色 */
  padding: 12px;
  /* 单元格内边距 */
  text-align: center;
}

.table th {
  background: #f5f7fa;
  /* 表头背景色 */
  font-weight: 600;
  /* 表头字体加粗 */
  color: #303133;
  /* 表头字体颜色 */
  text-align: center;
  /* 表头居中 */
}


.table-td {
  display: flex;
}

::v-deep .el-input__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-select__wrapper {
  background-color: transparent;
  box-shadow: none;
}

::v-deep .el-input-group__append {
  background-color: transparent;
  box-shadow: none;
}
</style>

